<script setup lang="ts">
import { ref,computed,watchEffect } from 'vue'
import { toggleDark,isDark} from '@/lib';
defineProps<{ msg: string }>()

const count = ref(0)

watchEffect(
  () => {
    console.log(count.value)
  },
  {
    flush:'post'
  }
)

</script>

<template>
<div>
  count:{{count}}
</div>
  <i class="z-icon z-exchange-fill"></i>
  <el-button @click="count++">{{isDark}}</el-button>
</template>

<style scoped>
.read-the-docs {
  color: #888;
}
</style>
